<!DOCTYPE html>
<html id="TOP">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>淘方案-Automotive</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <style>
        .tothetop {
            position: fixed;
            right: 20px;
            bottom: 50px;
        }

        .modal-backdrop {
            z-index: 0;
        }
    </style>
    <script>
        function clickCounter() {
            if (typeof (Storage) !== "undefined") {
                if (sessionStorage.clickcount) {
                    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
                }
                else {
                    sessionStorage.clickcount = 1;
                }
                document.getElementById("result").innerHTML = sessionStorage.clickcount;
            }
            else {
                document.getElementById("result").innerHTML = "抱歉，您的浏览器不支持 web 存储";
            }
        }
    </script>
</head>

<body style="background-color:ghostwhite;">
    <!-- 导航栏 -->
    <nav id="daohang" class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
        <!-- 左侧导航栏 logo -->
        <a class="navbar-brand" href="../index.html" style="color:tomato;">淘方案</a>
        <!-------------------------------------------------------------------------------------->
        <!-- 跳转首页 -->
        <a class="btn" href="../index.html" style="background-color:dimgray;color:floralwhite;text-decoration:none;">首页</a>
        <!-------------------------------------------------------------------------------------->
        <!-- 搜索栏 -->
        <div class="collapse navbar-collapse justify-content-center">
            <form class="form-inline">
                <input class="form-control" type="text" placeholder="Search">
                <button class="btn" type="button" style="background-color:limegreen;color:floralwhite;">Search</button>
            </form>
        </div>
        <!------------------------------------------------------------------------------------>
        <!-- 右侧导航栏 用户操作 -->
        <div class="rounded" style="float:right;background-color:limegreen;margin-right: 10px;"><a class="btn" href="MyMessage.html"
                style="color:floralwhite;text-decoration:none;">消息</a></div>
        <!-- <div class="rounded" style="float:right;background-color:limegreen;margin-right: 10px;"><a class="btn" href="" style="color:floralwhite;text-decoration:none;">登录</a></div> -->
        <div class="rounded" style="float:right;background-color:limegreen;margin-right: 10px;"><a class="btn" href="Register.html"
                style="color:floralwhite;text-decoration:none;">注册</a></div>
        <!-- 按钮：用于登录 -->
        <button type="button" class="btn" data-toggle="modal" data-target="#load" style="color:floralwhite;background-color:limegreen;margin-right: 10px;">登录</button>
        <!-------------------------------------------------------------------------------------->
        <!-- 用户下拉菜单 -->
        <div class="dropdown" style="float:right;">
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="color:floralwhite;">未登录</button>
            <div class="dropdown-menu dropdown-menu-right">
                <a class="dropdown-item" href="Mypage.html">我的主页</a>
                <a class="dropdown-item" href="MyCollection.html">我的收藏</a>
                <a class="dropdown-item" href="MyMessage.html">我的消息</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" data-toggle="modal" data-target="#load" href="#">登录</a>
                <a class="dropdown-item disabled" href="../index.html" disabled="ture">注销</a>
            </div>
        </div>
        <!----------------------------------------------------------------------------------------->
        <!-- 登录模态框 -->
        <div class="modal fade" id="load">
            <div class="modal-dialog">
                <div class="modal-content">
                    <!-- 登录框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">登录</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- 登录框主体 -->
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="firstname" class="col-sm-2 control-label">密码</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="firstname" placeholder="请输入账号">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-sm-2 control-label">密码</label>
                                <div class="col-sm-10">
                                    <input type="password" class="form-control" id="password" placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 请记住我
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button type="submit" class="btn" style="color:floralwhite;background-color:limegreen;">登录</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <!-- 登录框底部 -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>

                </div>
            </div>
        </div>
    </nav>
    <!------------------------------------------------------------------------------------------------->
    <!-- 网格系统-->
    <div class="container-fluid" style="margin-top: 80px;">
        <div class="row">
            <!-- 左侧区域 -->
            <div class="col-7 offset-1">
                <div>
                    <h1 style="margin-left:50px;">Automotive</h1>
                    <div class="container">
                        
                    </div>
                    <div class="container">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item border-bottom">
                                <a class="nav-link active" data-toggle="tab" href="#Hot">Hot</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#Default">Default</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#New">New</a>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <!--------------------------------------------------------------------------------------->
                            <!-- 产品列表 - Hot 分类 -->
                            <div id="Hot" class="container tab-pane active"><br>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于 NXP 的汽车调频 PKE 无钥匙门禁系统解决方案 P16-062</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Automotive</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="img/Automotive.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于 NXP MK64FN1MOVLL12 可微信控制缴费的交流充电桩方案 P16-070</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">IoT</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="img/IoT.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于 TI UCD3138 的全数字化电源 P15-002</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Industry</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="img/Industry.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于展讯 SC7715A 的智能手机方案 P14-013</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Consumer</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="../img/Consumer.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <!------------------------------------------------------------------------------------------->
                                <!-- 分页栏 -->
                                <div class="container">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                        <li class="page-item"><a class="page-link" href="#">First</a></li>
                                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                                        <li class="page-item"><a class="page-link" href="#">4</a></li>
                                        <li class="page-item"><a class="page-link" href="#">5</a></li>
                                        <li class="page-item"><a class="page-link" href="#">6</a></li>
                                        <li class="page-item"><a class="page-link" href="#">7</a></li>
                                        <li class="page-item"><a class="page-link" href="#">8</a></li>
                                        <li class="page-item"><a class="page-link" href="#">9</a></li>
                                        <li class="page-item"><a class="page-link" href="#">...</a></li>
                                        <li class="page-item"><a class="page-link" href="#">Last</a></li>
                                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!--------------------------------------------------------------------------------
                                ------------------------ Default 分类------->
                            <div id="Default" class="container tab-pane fade"><br>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于展讯 SC7715A 的智能手机方案 P14-013</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Consumer</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="../img/Consumer.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于 NXP 的汽车调频 PKE 无钥匙门禁系统解决方案 P16-062</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Automotive</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="img/Automotive.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于 NXP MK64FN1MOVLL12 可微信控制缴费的交流充电桩方案 P16-070</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">IoT</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="img/IoT.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于 TI UCD3138 的全数字化电源 P15-002</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Industry</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="img/Industry.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                                <!------------------------------------------------------------------------------------------->
                                <!-- 分页栏 -->
                                <div class="container">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                        <li class="page-item"><a class="page-link" href="#">First</a></li>
                                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                                        <li class="page-item"><a class="page-link" href="#">4</a></li>
                                        <li class="page-item"><a class="page-link" href="#">5</a></li>
                                        <li class="page-item"><a class="page-link" href="#">6</a></li>
                                        <li class="page-item"><a class="page-link" href="#">7</a></li>
                                        <li class="page-item"><a class="page-link" href="#">8</a></li>
                                        <li class="page-item"><a class="page-link" href="#">9</a></li>
                                        <li class="page-item"><a class="page-link" href="#">...</a></li>
                                        <li class="page-item"><a class="page-link" href="#">Last</a></li>
                                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-----------------------------------------------------------------------------------------
                                ---------------  New 分类  ---------->
                            <div id="New" class="container tab-pane fade"><br>
                                <div class="media border-bottom p-3" style="margin-bottom:5px;">
                                    <div class="media-body" style="width:80%;">
                                        <h5>世平集团基于展讯 SC7715A 的智能手机方案 P14-013</h5>
                                        <p>这是一些简略的描述。</p>
                                        <div style="text-align:end;text-align: left;">
                                            <a href="#" style="color:lightslategray;display: inline-block;">Consumer</a>
                                            <a href="#" style="display: inline-block;"><img src="../img/收藏爱心.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:40px;"
                                                /><span id="result" onclick="clickCounter()">0</span></a>
                                            <a href="#" style="display: inline-block;"><img src="../img/评论.jpg" style="width:20px;height:20px;margin-right:5px;margin-left:20px;"
                                                /><span>0</span></a>
                                        </div>
                                    </div>
                                    <img src="../img/Consumer.jpeg" alt="Block Graph" class="ml-3 mt-3" style="width:200px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!------------------------------------------------------------------------------------------------>
            <!-- 右侧区域 -->
            <div class="col-3" style="position:relative;">
                <!-- 列表菜单 -->
                <div>
                    <div class="list-group">
                        <a href="Automotive.html" class="list-group-item list-group-item-success rounded" style="margin-top:5px;margin-bottom:5px;width: 250px;text-align: center;">Automotive</a>
                        <a href="IoT.html" class="list-group-item list-group-item-danger rounded" style="margin-top:5px;margin-bottom:5px;width: 250px;text-align: center;">IoT</a>
                        <a href="Industry.html" class="list-group-item list-group-item-primary rounded" style="margin-top:5px;margin-bottom:5px;width: 250px;text-align: center;">Industry</a>
                        <a href="Consumer.html" class="list-group-item list-group-item-dark rounded" style="margin-top:5px;margin-bottom:5px;width: 250px;text-align: center;">Consumer</a>
                        <a href="html/ALL.html" class="list-group-item list-group-item-warning rounded" style="margin-top:5px;margin-bottom:5px;width: 250px;text-align: center;">ALL</a>
                    </div>
                </div>
                <!--------------------------------------------------------------------------------------------->
                <!-- 下载 APP -->
                <div class="media border p-3" style="width:250px;margin-top: 5px;">
                    <img src="../img/qrcode.jpg" alt="Download index side qrcode" class="mr-3 mt-3" style="width:60px;" />
                    <div class="media-body" style="padding:25px 0px;line-height: 10px;">
                        <a href="#" style="color:black;text-decoration:none;"><p><b>下载淘方案 APP ></b></p></a>
                        <p style="color:lightslategray">随时随地查找方案</p>
                    </div>
                </div>
                <!------------------------------------------------------------------------------------------>
                <!-- 固定按钮 返回顶部 -->
                <div class="tothetop"><a href="#TOP" class="btn btn-secondary"><span>TOP</span></a></div>
            </div>
        </div>
    </div>
    <!----------------------------------------------------------------------------------------------------------->
    <!-- 底部内容 -->
    <div class="jumbotron text-center" style="margin-bottom:0">
        <div class="container-fluid">
            <div class="row">
                <div class="col-2 offset-1" style="border-right-style: solid;border-right-width:1px;border-right-color: slategray;height: 150px;">
                    <dl>
                        <dt><a target="_blank" href="Automotive.html" style="color:dimgray;text-decoration:none;">Automotive</a></dt>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">About Automotive</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">更多 Automotive 方案</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">Join Automotive</a></dd>
                    </dl>
                </div>
                <div class="col-2" style="border-right-style: solid;border-right-width:1px;border-right-color: slategray;height: 150px;">
                    <dl>
                        <dt><a target="_blank" href="IoT.html" style="color:dimgray;text-decoration:none;">IoT</a></dt>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">About IoT</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">更多 IoT 方案</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">Join IoT</a></dd>
                    </dl>
                </div>
                <div class="col-2" style="border-right-style: solid;border-right-width:1px;border-right-color: slategray;height: 150px;">
                    <dl>
                        <dt><a target="_blank" href="Industry.html" style="color:dimgray;text-decoration:none;">Industry</a></dt>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">About Industry</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">更多 Industry 方案</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">Join Industry</a></dd>
                    </dl>
                </div>
                <div class="col-2" style="border-right-style: solid;border-right-width:1px;border-right-color: slategray;height: 150px;">
                    <dl>
                        <dt><a target="_blank" href="Consumer.html" style="color:dimgray;text-decoration:none;">Consumer</a></dt>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">About Consumer</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">更多 Consumer 方案</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">Join Consumer</a></dd>
                    </dl>
                </div>
                <div class="col-2">
                    <dl>
                        <dt style="color:dimgray;">站点信息</dt>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">意见反馈</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">免责声明</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">关于我们</a></dd>
                        <dd><a target="_blank" href="#" style="color:dimgray;text-decoration:none;">文章归档</a></dd>
                    </dl>
                </div>
            </div>
        </div>
        <hr>
        <p style="color:dimgray;">Copyright © 2018-2019 ATU All Rights Reserved. 备案号：xxxxxxxxx</p>
    </div>

</body>

</html>